<script setup>
import { ref } from 'vue'

defineProps({
  msg: String,
})
const count = ref(0)

const desc = import.meta.env.VITE_DESC;
const apiUrl = import.meta.env.VITE_API_URL;
</script>

<template>
  <div>
    <p>当前环境: {{ desc }}</p>
    <p>API 地址: {{ apiUrl }}</p>
  </div>
  <h1>{{ msg }}</h1>

  <div class="card">
    <button type="button" @click="count++">count is {{ count }}</button>
    <p style="color: red;">
      Edit
      <code>components/HelloWorld.vue</code> to test HMR
    </p>
  </div>

  
</template>

<style scoped>

</style>
